<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS表单</title>

    <script src="../js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="../css/table.css"/>

</head>
<body>

<!-- 表头 -->
<ul>
    <li class="left" data-type="DengLu">登陆</li>
    <li class="right" data-type="ZhuCe">注册</li>
</ul>

<!-- 表一：登陆 -->
<table border id="DengLu">
    <tr>
        <th colspan="4">登陆</th>
    </tr>
    <tr>
        <td class="wenzi">手机号码</td>
        <td colspan="3">
            <input type="text" class="Tel" maxlength="11"/>
        </td>
    </tr>
    <tr>
        <td class="wenzi">密码</td>
        <td colspan="3"><input type="password" class="psw" maxlength="6"/></td>
    </tr>
    <tr>
        <td colspan="4" style="font-size: 0">
            <button type="button" id="Login">登陆</button>
            <!--<button type="button" id="Register">注册</button>-->
        </td>
    </tr>
</table>

<!-- 表二：注册 -->
<table border id="ZhuCe">
    <tr>
        <th colspan="4">注册</th>
    </tr>
    <tr>
        <td class="wenzi">手机号码</td>
        <td colspan="3">
            <input type="text" class="TelLogin" maxlength="11"/>
        </td>
    </tr>
    <tr>
        <td class="wenzi">验证码</td>
        <td colspan="3" style="font-size: 0">
            <input type="text" id="code" maxlength="6"/>
            <button type="button" id="Get-code">获取验证码</button>
        </td>
    </tr>

    <tr>
        <td class="wenzi">密码</td>
        <td colspan="3"><input type="password" class="psw1"/></td>
    </tr>
    <tr>
        <td class="wenzi">确认密码</td>
        <td colspan="3"><input type="password" class="sure-psw"/></td>
    </tr>
    <tr>
        <td colspan="4" style="font-size: 0">
            <button type="button" id="Login-now">确认注册</button>
            <button type="button" id="Register-now">已有账号，去登陆</button>
        </td>
    </tr>
</table>


<script src="../js/table.js"></script>
</body>
</html>